<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">		
	
<ui:composition 
	xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core" 
	xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets">	
			
	<script type="text/javascript">
	//<![CDATA[	           	      
		$(document).ready(function(){																				
			//Cambio Pestañas
			$("#li_1").hide();
			$("#li_2").hide();
			$("#li_3").hide();
			$("#li_4").show();
			$("#li_5").show();
			$("#li_6").show();
		});				  		 
	//]]>
	</script>	
	
	<div class="principalMain">	                                  
		
		<div id="ofertasDat" align="left"  class="ui-widget-content ui-corner-all cajaIzquierdaDatosOfertas">
			<h4 class="ui-widget-header ui-corner-all">Listado de búsquedas</h4>
			<h:dataTable value="#{listaOfertasBean.lOfertas}" var="ofertaBean" border="2">							
				<h:column>								
					<f:facet name="header"><h:outputText value ="Usuario" /></f:facet>	
					<h:outputText value="#{clienteBean.nombre}"/>
				</h:column>
				<h:column>								
					<f:facet name="header"><h:outputText value ="Ciudad Actual" /></f:facet>	
					<h:outputText value="#{ofertaBean.ciudada.ciudad}"/>
				</h:column>
				<h:column>								
					<f:facet name="header"><h:outputText value ="Ciudad Buscada" /></f:facet>	
					<h:outputText value="#{ofertaBean.ciudadb.ciudad}"/>
				</h:column>
			</h:dataTable>						
		</div>
		
		<div id="userDat" class="ui-widget-content ui-corner-all cajaDerechaDatosCliente">
			<h4 class="ui-widget-header ui-corner-all">Datos de Usuario</h4>			
			<b>Nombre: </b><h:outputText value="#{clienteBean.nombre}" />&#160;<h:outputText value="#{clienteBean.apellidos}" /><br/>
			<b>Email: </b><h:outputText value="#{clienteBean.email}" /><br/>
			<b>Ciudad: </b><h:outputText value="#{clienteBean.ciudada.ciudad}" />									
		</div>

	</div>	
  	  	  	
</ui:composition>